import './style.css'
import typescriptLogo from '/typescript.svg'
import viteLogo from '/vite.svg'
import { setupCounter } from './counter.ts'
// 导入工具箱
import { x } from '@eova/eova-tools'

document.querySelector<HTMLDivElement>('#app')!.innerHTML = `
  <div>
    <a href="https://vite.dev" target="_blank">
      <img src="${viteLogo}" class="logo" alt="Vite logo" />
    </a>
    <a href="https://www.typescriptlang.org/" target="_blank">
      <img src="${typescriptLogo}" class="logo vanilla" alt="TypeScript logo" />
      </a>
      <h1>神器 · 疾风之刃</h1>
      <h2>前端通用工具箱、开箱即用、支持所有前端框架</h2>
      <h3>x.xxx.xxx 简单快捷，让你众享丝滑欲罢不能</h3>
      <h2>Eova Tools</h2>
      <div class="card">
        <button id="counter" type="button"></button>
      </div>
      <div>${x.time.formatNowTime()}</div>
  </div>
`

setupCounter(document.querySelector<HTMLButtonElement>('#counter')!)
